<template>
  <span class="dog">
    <div class="img">
      <img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fpicnew8.photophoto.cn%2F20131115%2Fkatonggoutupian-09963971_1.jpg&refer=http%3A%2F%2Fpicnew8.photophoto.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1666437241&t=04687064e0cda8828c0e8278c3fb053e" alt="">
    </div>
    <div class="msg">
      <p>这是一只🐕</p>
    </div>
  </span>
</template>
 
<script>
export default {
  components: {},
  data() {
    return {}
  },
  methods: {}
}
</script>

<style scoped>
  .dog {
    display: inline-block;
    width: 300px;
    margin-right: 10px;
    border: 1px solid #000;
  }
  img {
    width: 100%;
  }
  .msg {
    text-align: center;
    font-size: 22px;
  }
</style>